@charset "utf-8";
/* CSS Document */
#card-ads,#card-mall{margin:0 auto;width:980px;overflow:hidden}
.hp-icon,#card-mall .tab-nav li,.mallTitle a{background:url(../images/hp-icon.png) no-repeat}
/*--login:登录区--*/
#login{float:left}
/*--slider:轮刷--*/
#card-pla,.slider{width:100%; margin:0px auto;}
.slider ul.img img{border:none;height:295;width:870}
/***---content-co1:左侧---***/
#co1{width:159px;margin-right:10px;}
.repay{background-color:#0e82d5;height:70px;padding:10px 0 0 20px}
.repay h3{background-position:0 -48px;width:103px;height:28px;}
.repay a{background:url(../images/hp_btn.png) repeat-x;height:19px;border:1px solid #fff;display:block;width:100px;color:#fff;text-align:center;margin-top:10px;}
.plan{background-color:#e4e4e4;}
.plan a{background-position:0 -76px;width:157px;height:393px;}
.plan a img{width:157px;height:393px; border:#CCC 1px solid;}
.locator{background-color:#6fbb13;height:40px;padding:20px 0 0 10px}
.locator a{background-position:0 -132px;width:142px;height:25px;}
.carbon{background-color:#e4e4e4;height:68px;padding:2px 0 0 10px}
.carbon a{background-position:0 -157px;width:147px;height:65px;}
.pay{background-color:#0e82d5;height:105px;padding:10px 0 0 10px}
.pay h3{background-position:0 -222px;width:128px;height:23px;}
.pay ul{padding:12px 0 0 6px}
.pay li{background-position:0 -170px;padding-left:15px}
.pay li a{color:#fff}
.credit{height:227px;border:3px solid #E4E4E4;padding:0 10px;overflow:hidden}
.credit li{border-top:1px solid #CBCBCB;margin-top:-1px;height:46px;padding-top:10px}
.cd1 a{background-position:0 -245px;}.cd2 a{background-position:0 -281px;}.cd3 a{background-position:0 -317px;}.cd4 a{background-position:0 -353px;}.cd1 a,.cd2 a,.cd3 a,.cd4 a{width:115px;height:36px}
/***---content-co2:中侧---***/
#co2{width:658px;}
#co2Top{height:198px;overflow:hidden}
#co2Top .newsadv img{width:163px; height:198px;}
#co2Top .fl{width:163px}
#co2Top .fr{width:493px;height:198px}
#co2Top .tab-add{height:139px;width:466px;padding:8px;border:5px solid #E4E4E4}
#co2Top .list li a{width:440px}
#co2Top .tab-nav{left:0px;bottom:0px}
#co2Top .tab-nav li{float:left;height:31px;line-height:31px;font-size:14px;font-weight:bold;width:164px;cursor:pointer;text-align:center;background-color:#0E82D5;color:#fff}
#co2Top  li#bor{border-left:2px solid #fff;border-right:2px solid #fff;width:160px}
#co2Top li.cur{background-color:#6FBB13}
/**--co2Mid中上部--**/
#co2Mid{height:202px}
#co2Mid a,#co3Top a{color:#378CD6}
#co2Mid  h3{color:#0089E9;font-size:16px;position:absolute;top:10px}
#co2Mid a.more{position:absolute;top:10px;}
#co2Mid_l{border-top:2px solid #0089e9;border-bottom:2px solid #e4e4e4; height:148px;padding:40px 15px 10px 15px;width:300px;position:relative;overflow:hidden}
#co2Mid_l .boxMask,.boxThis{width:330px;/*overflow:hidden*/;position:relative}
#co2Mid_l .boxCont{position:relative}
#co2Mid_l .boxCont .boxThis{float:left}
#co2Mid_l .boxThis img{position:absolute;top:10px;right:5px}
#co2Mid_l .boxThis h2{color:#FF6A03;font-size:14px}
#co2Mid_l .boxThis p{width:146px;height:75px;overflow:hidden}
#co2Mid_l .boxtab{position:absolute;left:10px;bottom:10px;width:312px;height:31px}
#co2Mid_l .boxtab ul{position:absolute}
#co2Mid_l .boxtab li{float:left;position:relative;width:50px;height:31px;cursor:pointer;border-right:2px solid #fff;background:url(../images/hp-icon.png) no-repeat 0 -604px} 
#co2Mid_l .boxtab li img{position:absolute;bottom:0;left:-1px}
#co2Mid_r{border-top:2px solid #76d800;border-bottom:2px solid #e9e9e9;height:148px;padding:40px 16px 10px 30px;width:280px;overflow:hidden;position:relative}
#co2Mid_r p{position:relative;padding:15px 0}
#co2Mid_r img{position:absolute;right:10px;top:10px}
#co2Mid_r p img{width:87px; height:56px;}

/**--co2Btm中下部--**/
#co2Btm{height:227px;overflow:hidden}
#co2Btm .tab-nav{height:30px}
#co2Btm .tab-nav li{float:left}
#co2Btm .tab-nav li span{width:163px;height:30px;background-color:#d6d6d6;cursor:pointer}
#co2Btm .tab-nav li .t1{background-position:right -289px}
#co2Btm .tab-nav li.cur .t1{background-position:right -349px;background-color:#0e82d5}
#co2Btm .tab-nav li.hover .t1{background-position:right -319px;background-color:#6fbb13}
#co2Btm .tab-nav li .t2{background-position:right -379px;margin-left:2px}
#co2Btm .tab-nav li.cur .t2{background-position:right -439px;background-color:#0e82d5}
#co2Btm .tab-nav li.hover .t2{background-position:right -409px;background-color:#6fbb13}
#co2Btm .tab-nav li .t3{background-position:right -469px;margin-left:2px}
#co2Btm .tab-nav li.cur .t3{background-position:right -529px;background-color:#0e82d5}
#co2Btm .tab-nav li.hover .t3{background-position:right -499px;background-color:#6fbb13}
#co2Btm .tab-nav li .t4{background-position:right -559px;margin-left:2px}
#co2Btm .tab-nav li.cur .t4{background-position:right -619px;background-color:#0e82d5}
#co2Btm .tab-nav li.hover .t4{background-position:right -589px;background-color:#6fbb13}
#co2Btm .tab-detail{padding-top:3px}
#co2Btm .tab-detail .fl{border:1px solid #0E82D5;width:492px;height:192px;overflow:hidden}
#co2Btm .tab-detail .list{float:right;border:10px solid #e4e4e4;width:140px;height:144px;padding:15px 0}
#co2Btm .tab-detail .list li{float:left;white-space:nowrap}
#co2Btm .tab-detail .more{background-color:#0E82D5;line-height:20px;height:20px;text-align:center;top:135px;right:30px;display:block;width:100px}
#co2Btm .tab-detail .more a{color:#fff}
/*-content-co3:右侧 arw:向上箭头 thsh:特惠商户 gdkh:高端客户 wsdc:网上调查 bxlc:保险理财 weibo:微博 video:视频--*/
#co3{width:143px;}
#co3Top{height:449px;overflow:hidden}
#co3Top h3{height:50px;width:143px;cursor:pointer}
#co3Top .bd{height:277px;background-color:#E4E4E4;border-top:2px solid #FFFFFF;position:relative;padding:10px 5px;overflow:hidden}
#co3Top p{line-height:17px;}
#co3Top .thsh h3{background-position:-148px -23px}
#co3Top .gdkh h3{background-position:-148px -73px}
#co3Top .wsdc h3{background-position:-148px -123px}
#co3Top .bxlc h3{background-position:-148px -173px}
#weibo a{float:left;height:29px}
#weibo .sina{background-position:-148px -223px;width:70px}
#weibo .tx{background-position:-218px -223px;width:73px}
#video{height:149px;overflow:hidden}
#video h3{background-position:-148px -252px;height:37px}

/***--card-mall--**/
#card-mall{}
#card-mall .mallTitle{width:170px;background-color:#6FBB13}
#card-mall .mallTitle a{width:125px;height:200px;background-position:0 -390px;line-height:500px}
#card-mall .mallList{background-color:#e4e4e4;width:810px;height:200px}
#card-mall .mallList li{border:3px solid #fff;margin:5px 4px;float:left;display:inline;}
#card-mall li.l1 img{width:168px;height:182px}
#card-mall li.l2 img{width:168px;height:99px;}
#card-mall li.l3 {width:168px;height:72px;position:absolute;top:110px;left:182px}
#card-mall li.l3 img{width:168px; height:71px;}
#card-mall li.l4 img{width:111px;height:182px;}
#card-mall li.l5 img{width:161px;height:72px;}
#card-mall li.l6 {width:161px;height:99px;position:absolute;top:83px;left:489px}
#card-mall li.l6 img{width:161px; height:99px;}
#card-mall li.l7 {width:133px;height:182px;position:absolute;top:0px;right:2px}
#card-mall li.l7 img{width:133px;height:182px;}